var Config = {

  // 旋转木马停留时间
  carouselStopDate: 1000,

  intervalLoop:3000,

  // 选中的旋转球体颜色
  selectBallBg: '#2d3d80',

  // 图标
  Charts: {
    // 左边头部
    LeftTop:
    {
            title: {
                subtext: '单位/个',
                left: -5,
                top:-15,
                subtextStyle: {
                    fontSize: 9,
                    verticalAlign: 'top',
                    align: 'left'

                }
            },
            grid: {
                left: 0,
                right: 0,
                bottom: 4,
                top: 17,
                containLabel: true
            },

            xAxis: {
                type: 'category',

                // 数据
                data: [],
                axisLine: {
                    lineStyle: {
                        color: '#5fa5d4'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    interval: 0,
                    rotate:-20,
                    show: false,
                    formatter:function(value)
                    {
                        var tem = value.split("_");
                        var re = tem[1];
                        // return re;
                        var ret = "";//拼接加\n返回的类目项
                        var maxLength = 1;//每项显示文字个数
                        var valLength = re.length;//X轴类目项的文字个数
                        var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                        if (rowN > 1)//如果类目项的文字大于3,
                        {
                            for (var i = 0; i < rowN; i++) {
                                var temp = "";//每次截取的字符串
                                var start = i * maxLength;//开始截取的位置
                                var end = start + maxLength;//结束截取的位置
                                //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                                temp = re.substring(start, end) + "\n";
                                ret += temp; //凭借最终的字符串
                            }
                            return ret;
                        }
                        else {
                            return re;
                        }
                    },
                    textStyle: {
                        fontSize: 9
                    }
                }

            },



            axisLine: {
                // 文字颜色
                lineStyle: {
                    color: '#000000'
                }
            },

            // hover tip
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                },
                formatter:function(value){
                    var v = value[0].axisValue.split("_")[0];
                    return v;
                }
            },

            yAxis: {

                type: 'value',

                axisLine: {
                    // 文字颜色
                    lineStyle: {
                        color: '#5fa5d4'
                    }
                },
                splitLine: {
                    // 横线颜色
                    lineStyle: {
                        color: '#1c496b'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    interval: 1,
                    textStyle: {
                        fontSize: 8
                    }

                    // formatter: function (value,index) {
                    //
                    //    var v = value.toString().substring(0,1);
                    //
                    //    return "0."+v;
                    // }
                }

            },
            series: [ {
                name: '资源事件排行',
                data: [7, 5, 8, 4, 5, 6, 22],
                type: 'bar',
                barWidth: '20%',
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
                            offset: 0,
                            color: '#02a5f0' // 0% 处的颜色
                        }, {
                            offset: 1,
                            color: '#7ba3b8' // 100% 处的颜色
                        }])


                    }
                }

            }]
        },


      // 左边中间
    LeftMiddle:
    {
        title: {
            subtext: '单位/次',
            left: -5,
            top:-15,
            subtextStyle: {
                fontSize: 9,
                verticalAlign: 'top',
                align: 'left'

            }
        },
      grid: {
        left: 0,
        right: 0,
        bottom: 4,
        top: 17,
        containLabel: true
      },

      xAxis: {
        type: 'category',

        // 数据
          data: [],
        axisLine: {
          lineStyle: {
            color: '#5fa5d4'
          }
        },
        axisTick: {
          show: false
        },
          axisLabel: {
              interval: 0,
              // show: false,
              formatter:function(value)
              {
                  // var tem = value.substring(0,2);
                  // var re = tem+"..";
                  // return re;
                  var ret = "";//拼接加\n返回的类目项
                  var maxLength = 3;//每项显示文字个数
                  var valLength = value.length;//X轴类目项的文字个数
                  var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                  if (rowN > 1)//如果类目项的文字大于3,
                  {
                      for (var i = 0; i < rowN; i++) {
                          var temp = "";//每次截取的字符串
                          var start = i * maxLength;//开始截取的位置
                          var end = start + maxLength;//结束截取的位置
                          //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                          temp = value.substring(start, end) + "\n";
                          ret += temp; //凭借最终的字符串
                      }
                      return ret;
                  }
                  else {
                      return value;
                  }
              },
              textStyle: {
                  fontSize: 8
              }
          }
      },

      axisLine: {
        // 文字颜色
        lineStyle: {
          color: '#000000'
        }
      },

      // hover tip
      tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
          type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        },
          formatter:'{c}'
      },

      yAxis: {
        type: 'value',

        axisLabel:{
            interval: 1,
            textStyle: {
                fontSize: 8
            }
        },
        axisLine: {
          // 文字颜色
          lineStyle: {
            color: '#5fa5d4'
          }
        },
        splitLine: {
          // 横线颜色
          lineStyle: {
            color: '#1c496b'
          }
        },
        axisTick: {
          show: false
        }

      },
      series: [ {
        name: '事件类型排行',
        data: [7, 5, 8, 4, 5, 6, 22],
        type: 'bar',
        barWidth: '20%',
        itemStyle: {
          normal: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
              offset: 0,
              color: '#02a5f0' // 0% 处的颜色
            }, {
              offset: 1,
              color: '#7ba3b8' // 100% 处的颜色
            }])


          }
        }

      }]
    },

    // 坐下
    LeftBottom: {
        title: {
            subtext: '单位/个',
            left: -5,
            top:-15,
            subtextStyle: {
                fontSize: 9,
                verticalAlign: 'top',
                align: 'left'

            }
        },
      grid: {
        left: 0,
        right: 0,
        bottom: 4,
        top: 17,
        containLabel: true
      },

      xAxis: {
        type: 'category',
        // 数据
          data: [],
        axisLine: {
          lineStyle: {
            color: '#5fa5d4'
          }
        },
        axisTick: {
          show: false
        },
          axisLabel: {
              interval: 0,
              // show: false,
              formatter:function(value)
              {
                  var tem = value.substring(0,2);
                  return tem;
                  // var ret = "";//拼接加\n返回的类目项
                  // var maxLength = 2;//每项显示文字个数
                  // var valLength = value.length;//X轴类目项的文字个数
                  // var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                  // if (rowN > 1)//如果类目项的文字大于3,
                  // {
                  //     for (var i = 0; i < rowN; i++) {
                  //         var temp = "";//每次截取的字符串
                  //         var start = i * maxLength;//开始截取的位置
                  //         var end = start + maxLength;//结束截取的位置
                  //         //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                  //         temp = value.substring(start, end) + "\n";
                  //         ret += temp; //凭借最终的字符串
                  //     }
                  //     return ret;
                  // }
                  // else {
                  //     return value;
                  // }
              },
              textStyle: {
                  fontSize: 10
              }
          }
      },

      axisLine: {
        // 文字颜色
        lineStyle: {
          color: '#000000'
        }
      },

      color: ['#3398DB'],
      // hover tip
      tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
          type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        },
          formatter:'{c}'
      },
      yAxis: {
        type: 'value',
        axisLine: {

          // 文字颜色
          lineStyle: {
            color: '#5fa5d4'
          },
            axisLabel : {
                textStyle: {
                    fontSize: 5
                }
            }
        },
        splitLine: {
          // 横线颜色
          lineStyle: {
            color: '#1c496b'
          }
        },
        axisLabel:{
          interval: 1,
          textStyle: {
              fontSize: 8
          }
        },
        axisTick: {
          show: false
        }

      },
      series: [ {
        name: '事件级别',
        data: [7, 5, 8, 4, 5, 6, 7],
        type: 'bar',
        barWidth: '20%',
        itemStyle: {
          normal: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
              offset: 0,
              color: '#02a5f0' // 0% 处的颜色
            }, {
              offset: 1,
              color: '#7ba3b8' // 100% 处的颜色
            }])

          }
        }

      }]
    },

    // 右上
    RightTop: {
        title: {
            subtext: '单位/个',
            right: 20,
            top:-15,
            subtextStyle: {
                fontSize: 10,
                verticalAlign: 'top',
                align: 'right'

            }
        },
      grid: {
        left: 0,
        right: '14%',
        bottom: '0',
        top: 10,
        containLabel: true
      },

      xAxis: {
        type: 'value',
        show: false
      },
      yAxis: {
        type: 'category',
        // 数据
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLabel: {
          color: '#5fa5d4'
        },

        axisTick: {
          show: false
        },
        axisLine: {
          show: false
        }

      },
      // hover tip
      tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
          type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
      },

      series: [ {
        name: '事件等级',
        data: [7, 5, 8, 4, 5, 6, 7],
        type: 'bar',
        barWidth: '20%',
        itemStyle: {
          normal: {
            color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [ {
              offset: 0,
              color: '#02a5f0' // 0% 处的颜色
            }, {
              offset: 1,
              color: '#7ba3b8' // 100% 处的颜色
            }])

          }
        }

      }]
    },

    RightBottom: {

        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },


      series: [

        {
          name: '',
          type: 'pie',
          radius: ['40%', '55%'],
            labelLine: {
                normal: {
                    show: true
                }
            },
          data: [
            {value: 335, name: '直达'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1048, name: '百度'},
            {value: 251, name: '谷歌'},
            {value: 147, name: '必应'},
            {value: 102, name: '其他'}
          ]
        }
      ]
    },

    //lu
    test01 : {
          title : {
              text: '某地区蒸发量和降水量',
              subtext: '纯属虚构'
          },
          tooltip : {
              trigger: 'axis'
          },
          legend: {
              data:['蒸发量','降水量']
          },
          toolbox: {
              show : true,
              feature : {
                  dataView : {show: true, readOnly: false},
                  magicType : {show: true, type: ['line', 'bar']},
                  restore : {show: true},
                  saveAsImage : {show: true}
              }
          },
          calculable : true,
          xAxis : [
              {
                  type : 'category',
                  data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
              }
          ],
          yAxis : [
              {
                  type : 'value'
              }
          ],
          series : [
              {
                  name:'蒸发量',
                  type:'bar',
                  data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
                  markPoint : {
                      data : [
                          {type : 'max', name: '最大值'},
                          {type : 'min', name: '最小值'}
                      ]
                  },
                  markLine : {
                      data : [
                          {type : 'average', name: '平均值'}
                      ]
                  }
              },
              {
                  name:'降水量',
                  type:'bar',
                  data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
                  markPoint : {
                      data : [
                          {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183},
                          {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
                      ]
                  },
                  markLine : {
                      data : [
                          {type : 'average', name : '平均值'}
                      ]
                  }
              }
          ]
      }
  }

}